$(function(){

//todo write my js code here

    loadStudentList();

});

function loadStudentList(){


    $.ajax({
        url:"/api/student/list"

    }).done(function (data) {

        //console.log(data)
        let html="";
        data.forEach((element, index) => {
            html+="<tr>"
            html+="<td>"+ element.id+"</td>"
            html+="<td>"+ element.name+"</td>"
            html+="<td>"+ element.sex+"</td>"
            html+="<td>"+ element.age+"</td>"
            html+="<td>"+ element.sno+"</td>"
            html+="<td>"+ element.password+"</td>"
            html+="<td> <a href='#' onclick='showStudenDlg("+element.id
                +")'>编辑</a> &nbsp;&nbsp;<a href='#' onclick='deleteById("+
                +element.id+")'>删除</a></td>"

            html+="<tr>"
        })
        $("#studentTb").html(html)
    });
}

let layerIndex;
/**
 * 弹出学生对话框
 */
function showStudenDlg(id){

    let title ="新增教师"
    if (id){
        //是编辑
        title="编辑教师"
        $("#formId").css("display", "block");

        //读取学生信息,赋值
        $.ajax({
            url:"/api/student/"+id,
            method: "GET"
        }).done(result=>{

            console.log(result)

            //遍历result
            $.each(result, function (key, value){
                //修改
                var field = $('#studForm [name="' + key + '"]');

                if  (field.is(':radio')) {
                    field.filter('[value="' + value + '"]').prop(':checked', true);//xuan zhong
                } else if (field.is(':checkbox')) {
                    field.prop('checked', value === "yes");//
                } else {
                    field.val(value); //
                }
            });
        })


    }else {
        //是新增
        $("#studForm")[0].reset();
        $("#formId").css("display", "none");
    }

    layerIndex= layer.open({
        type:1,
        title:title,
        area:['520px', 'auto'],
        content:$("#studForm")//捕获层
    });


}

layui.use(function (){

    //
    layui.form.on('submit(stud-dlg)', function (data){
        event.preventDefault();//

        commitStuDlg();
    })


});

function commitStuDlg(){
    let id= $("#id").val()
    let formData = $("#studForm").serialize();
    if (id!=null && id!=""){
        //是更新学生


        $.ajax({
            url: "/api/student/update",
            method:"PUT",
            data:formData
        }).done(result=>{
            console.log(result);
            if (result.id){
                //（4）读取
                loadStudentList();

                //（3）关闭弹窗
                console.log("add success!")
                if(layerIndex)
                    layer.close(layerIndex)


            }

        }).fail((jqXHR, textStatus, errorThrown)=>{
            console.error("Request failed: " + textStatus + " - " + errorThrown);
            //
            alert("An error occurred, Please try again.");
        });


    }else {

//新增学生需要进行
        //（2）发送

        $.ajax({
            url: "/api/student/add",
            method:"POST",
            data:formData
        }).done(result=>{
            console.log(result);
            if (result.id){
                //（4）读取
                loadStudentList();

                //（3）关闭弹窗
                console.log("add success!")
                if(layerIndex)
                    layer.close(layerIndex)


            }

        }).fail((jqXHR, textStatus, errorThrown)=>{
            console.error("Request failed: " + textStatus + " - " + errorThrown);
            //
            alert("An error occurred, Please try again.");
        });

    }



    $("#btnOK").prop("disabled", true).addClass("layui-btn-disabled");//



}



function deleteById(id){

    //shanchu
    layer.confirm('你真的要删除吗？一旦删除，不可恢复', {icon: 3}, function(){


            $.ajax({
                url:"/api/student/delete/"+id,
                method:"DELETE"
            }).done(result=>{
                loadStudentList();

            })
        layer.closeAll();//guanbi



    }, function(){

    });
}